<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<!DOCTYPE html>
<html lang="vi">
<head>

    <meta http-equiv="x-dns-prefetch-control" content="on">
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title>Trang quản trị - Hóa đơn</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">

    <meta name="viewport" content="width=1024">

    <link rel="icon" href="../../images/ico/favicon.ico" type="image/x-icon">
    <link rel="shortcut icon" href="../../images/ico/favicon.ico" type="image/x-icon">
    <link rel="apple-touch-icon-precomposed" href="../../images/head/apple-touch-icon-precomposed.png">
    <link rel="apple-touch-icon" href="../../images/head/apple-touch-icon.png">

    <link rel="stylesheet" type="text/css" href="<%=request.getContextPath()%>/library/jquery-ui/jquery-ui.css" />
    <link rel="stylesheet" type="text/css" href="<%=request.getContextPath()%>/css/style-common/alice-vnfas-core-v29a01739e3cd.css" media="all">
    <link rel="stylesheet" type="text/css" href="<%=request.getContextPath()%>/css/style-common/alice-vnfas-main-v7fb7ea25b252.css" media="all">
    <link rel="stylesheet" type="text/css" href="<%=request.getContextPath()%>/css/style-body/body-regedit/alice-vnfas-account-v272d129423cd.css" media="all">
    <link rel="stylesheet" type="text/css" href="<%=request.getContextPath()%>/css/style-body/body-admin/body-tablescroll-non-line.css" media="all">
    <link rel="stylesheet" type="text/css" href="<%=request.getContextPath()%>/css/style-body/body-admin/body-input.css" media="all">
    <link rel="stylesheet" type="text/css" href="<%=request.getContextPath()%>/css/style-input/body-table-input-common.css" media="all">

    <script type="text/javascript" src="<%=request.getContextPath()%>/library/jquery-1.9.1.js"></script>
    <script type="text/javascript" src="<%=request.getContextPath()%>/library/jquery-ui/jquery-ui.js"></script>

    <script type="text/javascript" src="<%=request.getContextPath()%>/library/handlebar/handlebars.js"></script>
    <script type="text/javascript" src="<%=request.getContextPath()%>/library/numberal/numeral.js"></script>
    <script type="text/javascript" src="<%=request.getContextPath()%>/library/paging/jquery-simple-pagination-plugin.js"></script>
    <script type="text/javascript" src="<%=request.getContextPath()%>/js/wrapper.js"></script>
    <script type="text/javascript" src="<%=request.getContextPath()%>/js/admin/ad-bill.js"></script>
    <script type="text/javascript" src="<%=request.getContextPath()%>/js/template/ad-bill-common-template.js"></script>
    <script type="text/javascript" src="<%=request.getContextPath()%>/library/highlight-trunc-curency/highlight-trunc-curency.js"></script>

    <style type="text/css">
        .blockDiv {
            position: absolute;
            top: 0px;
            left: 0px;
            background:url("<%=request.getContextPath()%>/images/bill/ajax.gif") no-repeat center rgba(255, 255, 255, 0.81);
            width: 0px;
            height: 0px;
            z-index: 10;
        }
    </style>

    <script type="text/javascript">
        SERVER = {
            contextPath: '<%=request.getContextPath()%>'
        };

        $(function() {
            $( "#BillCommon_DateCreate" ).datepicker({ dateFormat: 'dd-mm-yy' });

            $( "#BillCommon_DateBegin" ).datepicker({ dateFormat: 'dd-mm-yy' });

            $( "#BillCommon_DateEnd" ).datepicker({ dateFormat: 'dd-mm-yy' });

            $( "#input_name_search_time_begin" ).datepicker({ dateFormat: 'yy-mm-dd' });

            $( "#input_name_search_time_end" ).datepicker({ dateFormat: 'yy-mm-dd' });

        });
    </script>

    <script type="text/javascript">
        $(document).ready(function(){
            ISS.SESSION.setSession('contextPath','<%= request.getContextPath() %>');
        });
    </script>

    <script type="text/javascript">
        $(function() {
            $( "#input_name_search_time_begin" ).datepicker({ dateFormat: 'dd-mm-yy' });

            $( "#input_name_search_time_end" ).datepicker({ dateFormat: 'dd-mm-yy' });

        });
    </script>

    <script type="text/javascript">
//      Remove class
        function showInputCorresponds() {
            var id = document.getElementById("form-deal-common-compare-name").value;
//            alert(id);
            if(id == 0 || id == 1 || id == 2 || id == 3) {
                $("#input_name_search").removeClass("hidden_Input");
                $("#input_name_search_time_begin").addClass("hidden_Input");
                $("#input_name_search_time_end").addClass("hidden_Input");
                $("#form-bill-common-finish").addClass("hidden_Selection");
                $("#form-bill-common-status").addClass("hidden_Selection");
                $("#form-deal-common-compare-time").addClass("hidden_Selection");
            } else if(id == 4 || id == 5 || id == 6) {
                $("#input_name_search_time_begin").removeClass("hidden_Input");
                $("#input_name_search_time_end").removeClass("hidden_Input");
                $("#input_name_search").addClass("hidden_Input");
                $("#form-bill-common-finish").addClass("hidden_Selection");
                $("#form-bill-common-status").addClass("hidden_Selection");
                $("#form-deal-common-compare-time").addClass("hidden_Selection");
            } else if(id == 7) {
                $("#form-bill-common-finish").removeClass("hidden_Selection");
                $("#form-bill-common-status").addClass("hidden_Selection");
                $("#input_name_search_time_begin").addClass("hidden_Input");
                $("#input_name_search_time_end").addClass("hidden_Input");
                $("#input_name_search").addClass("hidden_Input");
                $("#form-deal-common-compare-time").removeClass("hidden_Selection");
            } else if(id == 8) {
                $("#form-bill-common-status").removeClass("hidden_Selection");
                $("#form-bill-common-finish").addClass("hidden_Selection");
                $("#input_name_search").addClass("hidden_Input");
                $("#input_name_search_time_begin").addClass("hidden_Input");
                $("#input_name_search_time_end").addClass("hidden_Input");
                $("#form-deal-common-compare-time").removeClass("hidden_Selection");
            } else if(id == 9) {
                $("#form-bill-common-finish").removeClass("hidden_Selection");
                $("#form-bill-common-status").removeClass("hidden_Selection");
                $("#input_name_search").addClass("hidden_Input");
                $("#input_name_search_time_begin").addClass("hidden_Input");
                $("#input_name_search_time_end").addClass("hidden_Input");
                $("#form-deal-common-compare-time").removeClass("hidden_Selection");
            }
        }


function showInputCorrespondsTime() {
    var id = document.getElementById("form-deal-common-compare-time").value;
//            alert(id);
    if(id == 0 || id == 1 || id == 2) {
        $("#input_name_search_time_begin").removeClass("hidden_Input");
        $("#input_name_search_time_end").removeClass("hidden_Input");
    } else {
        $("#input_name_search_time_begin").addClass("hidden_Input");
        $("#input_name_search_time_end").addClass("hidden_Input");
    }
}
    </script>


</head>

<body class="js l-full-hd ui-page-bg  thm-core thm-local_redesign thm-vnfas  l-hasSidebar no-touch">

<div id="page" class="l-page">
    <div id="header">
        <%@include file="../iframe/header-ad.jsp" %>
    </div>
</div>

<div id="content">
    <div class="l-pageWrapper">
        <div>
            <div id="login" class="line mbm box-bgcolor">
                <div class="">
                    <div class="box">
                        <table class="table-none-style" style="width:100%">
                            <tr>
                                <td class="size1of2 table-none-style align-left">
                                    <div class="txtColor login__title fsml">QUẢN LÝ THÔNG TIN CHUNG HÓA ĐƠN</div>
                                </td>
                                <%--<td class="size1of2 table-none-style align-right" style="padding-top: 30px">--%>
                                    <%--<form id="form-sorted" action="" method="post">--%>
                                        <%--<div class="">--%>
                                            <%--<fieldset class="ui-fieldset">--%>
                                                <%--<table class="table-none-style" width="100%">--%>
                                                    <%--<tbody>--%>
                                                    <%--<tr>--%>
                                                        <%--<td class="table-none-style align-right" style="padding-right: 20px">--%>
                                                            <%--<select id="form-sorted-name" class="Search-selection">--%>
                                                                <%--<option value="non_value">...</option>--%>
                                                                <%--<option value="0"> Người mua </option>--%>
                                                                <%--<option value="1"> Người nhận </option>--%>
                                                                <%--<option value="2"> Ngày lập </option>--%>
                                                                <%--<option value="3"> Ngày đặt </option>--%>
                                                                <%--<option value="4"> Ngày giao </option>--%>
                                                                <%--<option value="5"> Thanh toán </option>--%>
                                                                <%--<option value="6"> Tổng tiền </option>--%>
                                                            <%--</select>--%>
                                                            <%--<select id="form-sorted-up-down" class="Search-selection">--%>
                                                                <%--<option value="non_value">...</option>--%>
                                                                <%--<option value="ASC">Tăng dần</option>--%>
                                                                <%--<option value="DESC">Giảm dần</option>--%>
                                                            <%--</select>--%>

                                                            <%--<button class="btn btn-dark login__button_small" id="sorted-arrange-button" type="button">Sắp xếp</button>--%>
                                                        <%--</td>--%>
                                                    <%--</tr>--%>
                                                    <%--</tbody>--%>
                                                <%--</table>--%>
                                            <%--</fieldset>--%>
                                        <%--</div>--%>
                                    <%--</form>--%>
                                <%--</td>--%>
                            </tr>
                        </table>

                        <hr/>

                        <div align="center">
                            <form id="form-account-login" action="" method="post">
                                <div class="">
                                    <fieldset class="ui-fieldset">
                                        <table class="table-none-style">
                                            <tbody>
                                            <tr>
                                                <td class="table-none-style align-center">

                                                    <select class="Search-selection-admin" id="form-deal-common-compare-name" onchange="showInputCorresponds()">
                                                        <option value="non_value">Tìm theo</option>
                                                        <option value="0">Tên người mua</option>
                                                        <option value="1">Tên người nhận (NN)</option>
                                                        <option value="2">Địa chỉ NN</option>
                                                        <option value="3">Số điện thoại NN</option>
                                                        <option value="4">Ngày lập</option>
                                                        <option value="6">Ngày giao</option>
                                                        <option value="5">Ngày nhận</option>
                                                        <option value="7">Thanh toán</option>
                                                        <option value="8">Trạng thái</option>
                                                        <option value="9">Thanh toán/Trạng thái</option>
                                                    </select>

                                                    <select class="Search-selection-admin hidden_Selection" id="form-bill-common-finish">
                                                        <option value="non_value">...</option>
                                                        <option value="0">Chưa Thanh toán</option>
                                                        <option value="1">Đã Thanh toán</option>
                                                    </select>

                                                    <select class="Search-selection-admin hidden_Selection" id="form-bill-common-status">
                                                        <option value="non_value">...</option>
                                                        <option value="0">Đang xử lý</option>
                                                        <option value="1">Đang giao hàng</option>
                                                        <option value="2">Hoàn thành</option>
                                                        <option value="3">Đã Huỷ</option>
                                                    </select>

                                                    <select class="Search-selection-admin hidden_Selection" id="form-deal-common-compare-time" onchange="showInputCorrespondsTime()">
                                                        <option value="non_value" selected>Không chọn thời gian</option>
                                                        <option value="0">Ngày lập</option>
                                                        <option value="2">Ngày giao</option>
                                                        <option value="1">Ngày nhận</option>
                                                    </select>

                                                    <input class="Search-input-admin hidden_Input" id="input_name_search" type="text" placeholder="Nhập nội dung cần tìm" />

                                                    <input class="Search-input-admin hidden_Input" id="input_name_search_time_begin" type="text" placeholder="Bắt đầu" readonly/>

                                                    <input class="Search-input-admin hidden_Input" id="input_name_search_time_end" type="text" placeholder="Kết thúc" readonly />

                                                    <button class="btn btn-dark login__button_small" id="search_button" type="button">Tìm</button>

                                                </td>
                                            </tr>
                                            </tbody>
                                        </table>
                                        <br/>
                                        <div align="center" id="BillSearch_All">
                                        </div>
                                        <div align="center" id="boxBillSearch_None">
                                            <div class="BillSearch_None box"></div>
                                        </div>

                                    </fieldset>
                                </div>
                            </form>
                        </div>

                        <br/>

                        <form id="form_BillCommon" action="" method="post">
                            <div class="clearfix loginForm">
                                <fieldset class="ui-fieldset">
                                    <div align="center" id="BillCommon_All">

                                    </div>
                                    <div class="paging">
                                        <div class="pgn-body-top pls ptm">
                                            <div class="paging l-row">

                                                <div id="bottomPagination" class="l-cell vMid txtRight"><div>
                                                    <div class="ui-listHorizontal pgn">
                                                        <div class="ui-listItem simple-pagination-first"><a href="#" class="simple-pagination-navigation-first simple-pagination-navigation-disabled" data-simple-pagination-page-number="1">&lt;&lt;</a></div>
                                                        <div class="ui-listItem simple-pagination-previous"><a href="#" class="simple-pagination-navigation-previous simple-pagination-navigation-disabled" data-simple-pagination-page-number="1">&lt;</a></div>
                                                        <div class="ui-listItem ui-listItem simple-pagination-page-numbers"></div>
                                                        <div class="ui-listItem simple-pagination-next"><a href="#" class="simple-pagination-navigation-next" data-simple-pagination-page-number="2">&gt;</a></div>
                                                        <div class="ui-listItem simple-pagination-last"><a href="#" class="simple-pagination-navigation-last" data-simple-pagination-page-number="8">&gt;&gt;</a></div>
                                                    </div>
                                                </div></div>
                                            </div>
                                        </div>
                                    </div>
                                    <div id="boxBillCommon" class="ui-formRow mts mbn align-center padding hideBox">
                                        <button class="btn btn-dark login__button" id="BillCommon_Delete" type="button">Xóa</button>
                                        <%--<div class="unitRight rfloat size1of2">--%>
                                            <%--<a href="<%=request.getContextPath()%>/jsp/admin/ad-bill-add.jsp">--%>
                                                <%--<button class="btn btn-dark login__button" id="BillCommon_Add" type="button">Thêm</button>--%>
                                            <%--</a>--%>
                                        <%--</div>--%>
                                    </div>
                                </fieldset>
                            </div>
                        </form>

                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<div id="boxTrackConfirm" class="tracking-form-modal-admin hideBox">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="tracking-form__header modal-header">
                <div class="tracking-form__header--title">Xác nhận cập nhật Trạng thái hóa đơn</div>
            </div>
            <div class="tracking-form__body modal-body">
                <form class="trackingOrderForm" action="" method="post">
                    <div class="ui-formRow mtl mbn">
                        <div class="mtm mbs tracking-form__body--submit">
                            <button id="buttonUpdateStatusBill_Agree" type="button" class="btn btn-dark strong">Đồng ý</button>
                            <button id="buttonUpdateStatusBill_Cancel" type="button" class="btn btn-dark strong">Hủy bỏ</button>
                        </div>
                    </div>
                </form>
            </div>
        </div>
    </div>
</div>

<div id="boxTrackDeleteConfirm" class="tracking-form-modal-admin hideBox">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="tracking-form__header modal-header">
                <div class="tracking-form__header--title">Bạn muốn xóa hóa đơn này không?</div>
            </div>
            <div class="tracking-form__body modal-body">
                <form class="trackingOrderForm" action="" method="post">
                    <div class="ui-formRow mtl mbn">
                        <div class="mtm mbs tracking-form__body--submit">
                            <button id="buttonDeleteBillCommon_Agree" type="button" class="btn btn-dark strong">Đồng ý</button>
                            <button id="buttonDeleteBillCommon_Cancel" type="button" class="btn btn-dark strong">Hủy bỏ</button>
                        </div>
                    </div>
                </form>
            </div>
        </div>
    </div>
</div>

<div id="boxTrackShowMessage" class="tracking-form-modal-admin hideBox">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="tracking-form__header modal-header">
                <div class="tracking-form__header--title">Xóa thành công!</div>
            </div>
            <div class="tracking-form__body modal-body">
                <form class="trackingOrderForm" action="" method="post">
                    <div class="ui-formRow mtl mbn">
                        <div class="mtm mbs tracking-form__body--submit">
                            <button id="buttonShowMessage_Hide" type="button" class="btn btn-dark strong">Tắt</button>
                        </div>
                    </div>
                </form>
            </div>
        </div>
    </div>
</div>

<div id="show-box-confirm"></div>
<footer id="footer" class="ptl mtl">
    <hr>

</footer>
</body>
</html>